$(function () {
    // 将layui中form属性赋值给一个变量form
    let form = layui.form
    // 设置昵称验证规则
    form.verify({
        nickname: [
            /^[\S]{1,10}$/,
            "昵称长度为1-10个字符！"
        ]
    })
    initUserInfo()
    // console.log(layui);
    //将用户信息渲染到表单内
    function initUserInfo() {
        axios({
            method: 'GET',
            url: '/my/userinfo',
        }).then(res => {
            if (res.data.status !== 0) {
                return layui.msg(res.data.message)
            }
            // console.log(res.data.data);
            // layui内置form属性，传入对象可以为对应name属性的表单赋值
            form.val('formUserInfo', res.data.data)
        })
    }

    // 点击重置按钮刷新表单
    $('#btnReset').on('click', function (e) {
        e.preventDefault()
        initUserInfo()
    })

    // 表单提交时修改用户信息
    $('form').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            // grtUserInfo() 该方法在iframe标签window上一级window中(window.parent)
            window.parent.grtUserInfo()
            layer.msg('您的个人信息已修改')
        })
    })
})